@charset "UTF-8";
body{height: 100%;    /*overflow-x: hidden;  
    overflow-y: hidden;*/ min-height: 600px;min-width: 1366px;}
.bac{background-color:#ececec; widows: 100%;height: 650px;}

/*通用导航*/
.head{height: 50px;width: 1200px;margin: 0 auto; background-color: #fff;}
.head img{margin-left: 30px; margin-top: 7.5px;}
.head ul li{float: left;margin:8px;}
.head ul {width: 150px;height: 40px;margin-left: 85%;margin-top: -40px;}
.nav{height: 40px;width: 100%;background-color: #28bdff;min-width: 1366px;}
.nav ul{width: 480px;height: 38px; margin-left: 60%;}
.nav ul li{float: left;width: 92px;height: 39px;line-height: 38px; text-align: center;font-size: 13px;letter-spacing:1px;color: #fff;
         transition:All 0.4s ease-in-out;
        -webkit-transition:All 0.2s ease-in-out;
       -moz-transition:All 0.2s ease-in-out;
       -o-transition:All 0.2s ease-in-out;}
.nav ul li:hover{background-color: #2097cc;  border-radius: 3px;
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
       -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}

#big{width:40px;height: 39px;position: absolute
  ;top: 50px;left: 110px;
  transition:All 0.4s ease-in-out;
        -webkit-transition:All 0.2s ease-in-out;
       -moz-transition:All 0.2s ease-in-out;
       -o-transition:All 0.2s ease-in-out;}
#big img{width: 40px;}
#big img:hover{
    transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
       -o-transform:scale(1.1);
        -ms-transform:scale(1.1);}
/*通用导航结束*/


/*首页内容块*/
.rong{width: 1200px;margin: 0 auto;background-color: #fff;height: 550px;}
.rong div{float: left;}
.right-c{width: 560px;height: 200px;background-color: #fff;border-bottom: 1px solid #fff;}
.right-c div{float: left;}
.right-c-n{width: 265px;height: 180px;border: 1px solid #ccc;margin-top:8px;margin-left: 8px;background-color: #f9f9f9;border-radius: 3px;}
.right-c-l{width: 265px;height: 180px;border: 1px solid #ccc;margin-top:8px;margin-left: 10px;border-radius: 3px;background-color: #F9F9F9;}

.card{width: 245px;height: 100px;background-color: #fff;margin-top: 40px;margin-left: 10px;border: 1px solid #ccc;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 3px}
.card div{float: left;}
.card div:nth-child(1){width: 80px;height: 80px;background:linear-gradient(120deg, #ff9b98, #ff7976);box-shadow: 0 12px 20px -10px rgba(255,120,118,0.28);border-radius: 3px;margin: -20px 15px 0;}
.card div:nth-child(1) i{text-align: center;display: block;color: #fff;margin-top: 20px;}
.card div:nth-child(2) p{display: block;font-size: 16px;color: #3C3C3C;margin-left: 26px;margin-top: 10px;}
.card div:nth-child(2) h3{font-size: 26px;color: #000000;font-weight: 100;margin-left: 48px;margin-top: 10px;}

.card-2{width: 245px;height: 100px;background-color: #fff;margin-top: 40px;margin-left: 10px;border: 1px solid #ccc;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 3px}
.card-2 div{float: left;}
.card-2 div:nth-child(1){width: 80px;height: 80px;background:linear-gradient(120deg, #89dbff, #28bdff);box-shadow: 0 12px 20px -10px rgba(40,189,255,0.28);border-radius: 3px;margin: -20px 15px 0;}
.card-2 div:nth-child(1) i{text-align: center;display: block;color: #fff;margin-top: 20px;}
.card-2 div:nth-child(2) p{display: block;font-size: 16px;color: #3C3C3C;margin-left: 6px;margin-top: 10px;}
.card-2 div:nth-child(2) h3{font-size: 26px;color: #000000;font-weight: 100;margin-left: 40px;margin-top: 10px;}

.left-c{width: 620px;height: 200px;border-bottom: 1px solid #ccc;margin-left: 10px;overflow-x: scroll;}
.left-c h3{text-align: center;font-weight: 400;font-size: 16px;margin-top: 10px;}
.left-c-n{width: 820px;}
.card-3{width: 193px;height: 120px;background-color: #fff;margin-top: 10px;margin-left: 10px;border: 1px solid #ccc;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 3px}
.card-3 div{float: left;}
.card-3 div:nth-child(1){width: 60px;height: 60px;background:linear-gradient(120deg, #89dbff, #28bdff);box-shadow: 0 10px 20px -10px rgba(40,189,255,0.28);border-radius: 3px;margin: 10px 15px 0;}
.card-3 div:nth-child(1) i{text-align: center;display: block;color: #fff;margin-top: 18px;}
.card-3 div:nth-child(2) p{display: block;font-size: 14px;color: #3C3C3C;margin-top: 10px;margin-left: 25px;}
.card-3 div:nth-child(2) h3{font-size: 26px;color: #000000;font-weight: 100;margin-left: 25px;margin-top: 8px;}
.card-3 div:nth-child(3){font-size: 16px;border-top: 1px solid #ccc;width: 150px;margin-left: 20px;margin-top: 10px;}
.card-3 div:nth-child(3) h3{margin-top: 6px;}

.card-3-1{width: 193px;height: 120px;background-color: #fff;margin-top: 10px;margin-left: 10px;border: 1px solid #ccc;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 3px}
.card-3-1 div{float: left;}
.card-3-1 div:nth-child(1){width: 60px;height: 60px;background:linear-gradient(120deg, #ff9b98, #ff7976);box-shadow: 0 10px 20px -10px rgba(255,120,118,0.28);border-radius: 3px;margin: 10px 15px 0;}
.card-3-1 div:nth-child(1) i{text-align: center;display: block;color: #fff;margin-top: 18px;}
.card-3-1 div:nth-child(2) p{display: block;font-size: 14px;color: #3C3C3C;margin-top: 10px;margin-left: 25px;}
.card-3-1 div:nth-child(2) h3{font-size: 26px;color: #000000;font-weight: 100;margin-left: 25px;margin-top: 8px;}
.card-3-1 div:nth-child(3){font-size: 16px;border-top: 1px solid #ccc;width: 150px;margin-left: 20px;margin-top: 10px;}
.card-3-1 div:nth-child(3) h3{margin-top: 6px;}

.card-4{width: 295px;height: 120px;background-color: #fff;margin-top: 10px;margin-left: 10px;border: 1px solid #ccc;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 3px}
.card-4 div:nth-child(1){width: 90px;height: 90px;background:linear-gradient(120deg, #89dbff, #28bdff);box-shadow: 0 10px 20px -10px rgba(40,189,255,0.28);border-radius: 3px;margin: 10px 15px 0;}
.card-4 div:nth-child(1) i{text-align: center;display: block;color: #fff;margin-top: 12px;}
.card-4 div:nth-child(1) p{font-size: 16px;color: #fff;text-align: center;}
.card-4 div:nth-child(2){font-size: 26px;text-align: center;width: 172px;height: 120px;line-height: 118px;border-left: 1px solid #ccc;}

.card-4-1{width: 295px;height: 120px;background-color: #fff;margin-top: 10px;margin-left: 10px;border: 1px solid #ccc;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);border-radius: 3px}
.card-4-1 div:nth-child(1){width: 90px;height: 90px;background:linear-gradient(120deg, #ff9b98, #ff7976);box-shadow: 0 10px 20px -10px rgba(255,120,118,0.28);border-radius: 3px;margin: 10px 15px 0;}
.card-4-1 div:nth-child(1) i{text-align: center;display: block;color: #fff;margin-top: 12px;}
.card-4-1 div:nth-child(1) p{font-size: 16px;color: #fff;text-align: center;}
.card-4-1 div:nth-child(2){font-size: 26px;text-align: center;width: 172px;height: 120px;line-height: 118px;border-left: 1px solid #ccc;}

.cen-left-ob{width: 560px;height: 340px;margin-top: 0px;overflow: hidden;}
.cen-right-ob{width: 620px;height: 340px;margin-top: 0px;overflow: hidden;margin-left: 10px;}

.foot{width: 100%;height: 16px;background-color: #28bdff;color: #fff;text-align: center;min-width: 1366px;position: relative;bottom: 0;}



/*首页结束*/

/*客户端管理*/
 .client-cont{width: 1200px;margin: 0 auto;background-color: #fff;height: 540px;margin-top: 10px;color: #fff;}
.client-head{width: 100%;height:29px;background-color: #5dcdff;}
.client-head ul:nth-child(1) li{float: left;margin:5px 17px ;color: #fff;font-size: 14px;margin-left: 29px;}
.client-head ul:nth-child(2) li{float: left;color: #fff;font-size: 14px;margin: 5px 17px;border: 1px solid #fff;width: 50px;text-align: center; border-radius: 5px;}
.client-head ul:nth-child(2){margin-left: 900px;}


.client-left{width: 200px;height: 511px;background-color: #fff;overflow:scroll;}

.client-right{width: 1000px;height: 511px;background-color: #fff;margin-left: 200px;margin-top: -510px;}
 .client-right-tb{width: 900px;height: 390px;border: 1px solid red;overflow:scroll;font-size: 16px;}
 #table{font-size: 19px;width: 900px;height: 290px; overflow:scroll;}
 #dg th{width: 80px;}
 .client-right-bg{width: 1000px;height: 500px;}
 
#tb{position: absolute;left: 350px; z-index: 2}


 .datagrid-header,
.datagrid-td-rownumber {
  /*background-color: #efefef;
  background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
  background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
  background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);*/
  background: linear-gradient(to bottom,#F9F9F9 0,#f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);}
/*EUI重写颜色样式覆盖*/


/*客户端管理结束*/

/*AD策略开始*/
.strateat-left{width: 200px;height: 511px;background-color: #fff;overflow:scroll;}
.strateat-right{width: 1000px;margin-left: 200px;height: 500px;margin-top: -510px;}
.strateat-right div{float: left;}
.strateat-right div:nth-child(1){width: 480px;height: 160px;overflow: hidden;margin-left: 10px;margin-top: 5px;}
.strateat-right-ul{width: 130px;height: 160px;background-color: #28bdff;}
.strateat-right-ul li{color: #fff;font-size: 14px;}
.strateat-right-ul li span{font-size: 45px;}
.strateat-right-ul li:nth-child(1){margin-left: 30px;padding-top: 40px;}
.strateat-right-ul li:nth-child(2){margin-left: 26px;margin-top: 30px;}
#strateat-biao{width:350px;height:215px;margin-left: 130px;margin-top: -160px;}

.strateat-right div:nth-child(2){width: 480px;height: 160px;margin-left: 10px;margin-top: 5px;overflow: hidden;}
#strateat-biao2{width:350px;height:215px;margin-left: 130px;margin-top: -160px;}

.strateat-right div:nth-child(3){width: 480px;height: 160px;overflow: hidden;margin-left: 10px;margin-top: 5px;}
#strateat-biao3{width:350px;height:215px;margin-left: 130px;margin-top: -160px;}

.strateat-right div:nth-child(4){width: 480px;height: 160px;overflow: hidden;margin-left: 10px;margin-top: 5px;}
#strateat-biao4{width:350px;height:215px;margin-left: 130px;margin-top: -160px;}

.strateat-right div:nth-child(5){width: 480px;height: 160px;overflow: hidden;margin-left: 10px;margin-top: 5px;}
#strateat-biao5{width:350px;height:215px;margin-left: 130px;margin-top: -160px;}

/*AD策略结束*/

/*告警监控开始*/

.war-cont{width: 1200px;margin: 0 auto;background-color: #fff;height: 510px;margin-top: 40px;color: #fff;position: relative;}
.war-head{width: 100%;height:32px;background-color: #ececec;position: absolute;top: -33px;background-image: url(../img/tab.png); background-repeat:no-repeat;
 }

 
.war-head  ul a li{width: 160px;height: 32px;text-align: center;line-height: 32px;}
.war-head ul:nth-child(1) li{float: left;color: #fff;font-size: 14px;margin: 0 15px;}

.war-head2{width: 100%;height:32px;background-color: #ececec;position: absolute;top: -33px;background-image: url(../img/tab1.png); background-repeat:no-repeat;
 }
.war-head2  ul a li{width: 160px;height: 32px;text-align: center;line-height: 32px;}
.war-head2 ul:nth-child(1) li{float: left;color: #fff;font-size: 14px;margin: 0 15px;}
 


/*.war-head ul:nth-child(2) li{float: left;color: #fff;font-size: 14px;margin: 5px 17px;border: 1px solid #fff;width: 50px;text-align: center; border-radius: 5px;}*/
.war-head ul:nth-child(2){margin-left: 900px;}

/*告警监控结束*/

/*终端合规开始*/
.ter-head{width: 100%;height:32px;background-color: #ececec;position: absolute;top: -33px; background-repeat:no-repeat;
 }
.ter-head  ul a li{width: 160px;height: 32px;text-align: center;line-height: 32px;}
.ter-head ul  a:nth-child(2) li{}

.ter-head ul:nth-child(1) li{float: left;color: #fff;font-size: 14px;margin: 0 11px;}

/*终端合规结束*/

/*资产设备开始*/

/*资产设备结束*/

/*白名单资产*/
.white-div{width: 1200px;height:550px;margin: 0 auto;background: #fff;}
.encese{width:1008px;height: 550px;border: 1px solid #eee;margin: 0 auto;}
.upload{position: absolute;z-index: 99999;margin-left: 860px;margin-top: 2px;}
/*a  upload */
.a-upload {
    padding: 4px 10px;
    height: 16px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.a-upload  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.a-upload:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none
}
.file {
    padding: 4px 10px;
    height: 16px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.file  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.file:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none
}
/*设置*/
.sz-cont{width: 1200px;margin: 0 auto;background-color: #fff;height: 510px;margin-top: 15px;color: #fff;}
.sz-cont-c{width:100%;height: 100%; }
.sz-cont-c  ul{width: 520px;height: 200px;background-color: #28bdff;display: block;margin-top: 30px;margin-left: 53.5px;float: left;}
.sz-cont-c   ul li{color: #fff;text-align: center;margin-top: 12px;font-size: 15px;}
.sz-cont-c   ul li:nth-child(1){margin-top: 20px}
.sz-cont-c   ul li:nth-child(2){font-size: 18px;margin-top: 10px;}
.sz-cont-c   ul li:nth-child(3){margin-top: 5px;}

.sz-cont-c ul:nth-child(2){background-color: #ff934a}
.sz-cont-c ul:nth-child(3){background-color: #ff7875;margin-top: 30px;}

.sz-cont-c ul:nth-child(3) li:nth-child(1){color: #ccc;}
.sz-cont-c ul:nth-child(3) li:nth-child(2):hover{}


#dh1 img{width:93px; height:94px;}
#dh1 img {transform:scale(1); transition:-webkit-transform 1s ease;  
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;}
#dh1:hover img{
  transform: scale(0.8); transition:transform 0.5s ease;
-moz-transform: scale(0.8); -moz-transition:-moz-transform 0.5s ease;
-ms-transform: scale(0.8); -ms-transition:-ms-transform 0.5s ease;
-o-transform: scale(0.8); -o-transition:-o-transform 0.5s ease;
  -webkit-transform: scale(0.8); -webkit-transition:-webkit-transform 0.5s ease;}
#dh1:hover{box-shadow: 5px 4px 15px #ccc;}
#dh1{
transform:scale(1); transition:transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;}

#dh1:hover{transform: scale(0.95);transition:transform 0.5s ease; 
  -moz-transform: scale(0.95);-moz-transition:-moz-transform 0.5s ease; 
  -ms-transform: scale(0.95);-ms-transition:-ms-transform 0.5s ease; 
  -o-transform: scale(0.95);-o-transition:-0-transform 0.5s ease; 
  -webkit-transform: scale(0.95);-webkit-transition:-webkit-transform 0.5s ease; font-size: 22px;background-color: #17adef;}



#dh2 img{width:93px; height:94px;}
#dh2 img {transform:scale(1); transition:-webkit-transform 1s ease;  
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;}
#dh2:hover img{
  transform: scale(0.8); transition:transform 0.5s ease;
-moz-transform: scale(0.8); -moz-transition:-moz-transform 0.5s ease;
-ms-transform: scale(0.8); -ms-transition:-ms-transform 0.5s ease;
-o-transform: scale(0.8); -o-transition:-o-transform 0.5s ease;
  -webkit-transform: scale(0.8); -webkit-transition:-webkit-transform 0.5s ease;}
#dh2:hover{box-shadow: 5px 4px 15px #ccc;}
#dh2{
transform:scale(1); transition:transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;}

#dh2:hover{transform: scale(0.95);transition:transform 0.5s ease; 
  -moz-transform: scale(0.95);-moz-transition:-moz-transform 0.5s ease; 
  -ms-transform: scale(0.95);-ms-transition:-ms-transform 0.5s ease; 
  -o-transform: scale(0.95);-o-transition:-0-transform 0.5s ease; 
  -webkit-transform: scale(0.95);-webkit-transition:-webkit-transform 0.5s ease; font-size: 22px;background-color: #fa893b;}



#dh3 img{width:93px; height:94px;}
#dh3 img {transform:scale(1); transition:-webkit-transform 1s ease;  
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;}
#dh3:hover img{
  transform: scale(0.8); transition:transform 0.5s ease;
-moz-transform: scale(0.8); -moz-transition:-moz-transform 0.5s ease;
-ms-transform: scale(0.8); -ms-transition:-ms-transform 0.5s ease;
-o-transform: scale(0.8); -o-transition:-o-transform 0.5s ease;
  -webkit-transform: scale(0.8); -webkit-transition:-webkit-transform 0.5s ease;}
#dh3:hover{box-shadow: 5px 4px 15px #ccc;}
#dh3{
transform:scale(1); transition:transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;}

#dh3:hover{transform: scale(0.95);transition:transform 0.5s ease; 
  -moz-transform: scale(0.95);-moz-transition:-moz-transform 0.5s ease; 
  -ms-transform: scale(0.95);-ms-transition:-ms-transform 0.5s ease; 
  -o-transform: scale(0.95);-o-transition:-0-transform 0.5s ease; 
  -webkit-transform: scale(0.95);-webkit-transition:-webkit-transform 0.5s ease; font-size: 22px;background-color: #f56c6a;}




#dh4 img{width:93px; height:94px;}
#dh4 img {transform:scale(1); transition:-webkit-transform 1s ease;  
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;}
#dh4:hover img{
  transform: scale(0.8); transition:transform 0.5s ease;
-moz-transform: scale(0.8); -moz-transition:-moz-transform 0.5s ease;
-ms-transform: scale(0.8); -ms-transition:-ms-transform 0.5s ease;
-o-transform: scale(0.8); -o-transition:-o-transform 0.5s ease;
  -webkit-transform: scale(0.8); -webkit-transition:-webkit-transform 0.5s ease;}
#dh4:hover{box-shadow: 5px 4px 15px #ccc;}
#dh4{
transform:scale(1); transition:transform 1s ease;
-moz-transform:scale(1); -moz-transition:-moz-transform 1s ease;
-ms-transform:scale(1); -ms-transition:-ms-transform 1s ease;
-o-transform:scale(1); -o-transition:-o-transform 1s ease;
  -webkit-transform:scale(1); -webkit-transition:-webkit-transform 1s ease;}

#dh4:hover{transform: scale(0.95);transition:transform 0.5s ease; 
  -moz-transform: scale(0.95);-moz-transition:-moz-transform 0.5s ease; 
  -ms-transform: scale(0.95);-ms-transition:-ms-transform 0.5s ease; 
  -o-transform: scale(0.95);-o-transition:-0-transform 0.5s ease; 
  -webkit-transform: scale(0.95);-webkit-transition:-webkit-transform 0.5s ease; font-size: 22px;background-color: #13b17a;}

.sz-cont-c ul:nth-child(4){background-color: #1fbe86;margin-top: 30px;}
.sz-cont-c ul:nth-child(4):hover li:nth-child(2){}
/*设置结束*/


/*IP记录*/
.timebt{width: 100%;height: 20px;border: 1px solid #fff }
.timebt p{margin: 0 auto;width:380px;font-size: 15px;margin-top: 5px;color: #28bdff}
.timesheet{width: 1100px;border: 1px solid red;margin:0 auto;margin-top: 10px;}
.timesheet ul{width: 100%;height: 100%;}
.timesheet ul li{float: left;width: 80px;height: 50px;text-align: center;line-height: 50px;}
 .timez{background-color: #f0faff;}
 .timez li{border-right: 1px dashed #28bdff }
.timebg{background-color: #f0faff;width: 100%;height: 60px;border: 1px solid blue;}
.timez:nth-child(3) li:nth-child(3){ border-radius: 10px;background-color: #ccc}

#container-l{width: 1200px;height: 470px; margin-top: 35px;margin:0 auto;padding-top:10px }



/*弹窗*/
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		
		visibility: hidden;
		top: 200px; 
		left: 50%;
		margin-left: -200px;
		width: 320px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	.windows-button{margin-left: 40px;width: 50px;margin-top: -50px;background: #0099cc;
border: none;
padding: 8px 12px 8px 12px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;}	
.windows-button:hover{background: #00a8e0}
	select{width: 80px;height: 26px;}
	option{height: 26px;}
	label{margin: 6px;}
	
	.panel-title{width: 30px;}
	#title-bt{position: absolute;top: 10px;z-index: 9;margin-left: 60px;width: 50px;background: #28bdff;border: none;border-radius: 3px;text-shadow: 1px 1px 1px #28bdff;cursor: pointer;padding: 4px 8px 4px 8px;color: #fff;}
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-25 15:22:26
 * @version $Id$
 */
